body {
    background-color: #f8f9fa; /* 柔和浅灰，替代原 rgba(0,0,0,0.1) */
    color: #333; /* 正文深色，提升可读性 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* 现代无衬线字体 */
    line-height: 1.6; /* 行高优化，提升阅读体验 */
}

/* 恢复为原来的黄色导航栏 */
header.p-3.text-bg-warning {
    background-color: #ffc107 !important; /* Bootstrap默认警告色（黄色） */
}

/* 卡片背景与阴影增强层次感 */
.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* 轻微阴影 */
    transition: transform 0.2s, box-shadow 0.2s; /* 为hover动画做准备 */
}

/* 基础链接样式 */
a {
    color: #000; /* 默认黑色 */
    text-decoration: none; /* 可选：去除默认下划线 */
    transition: color 0.2s; /* 颜色过渡动画，更平滑 */
}

/* 鼠标悬停时样式 */
a:hover {
    color: #0066cc; /* 蓝色（可根据需要调整具体色值） */
    text-decoration: underline; /* 可选：悬停时显示下划线增强提示 */
}

/* 针对导航栏等已有特殊样式的链接，避免冲突 */
.nav-link {
    /* 继承导航栏原有颜色，只修改hover行为 */
    transition: color 0.2s;
}
.nav-link:hover {
    color: #0066cc !important; /* 覆盖导航栏原有hover颜色 */
}

/* 博客列表页标题链接样式 */
.card-header a {
    color: #000 !important; /* 强制默认黑色 */
    text-decoration: none;
    transition: color 0.2s; /* 平滑过渡 */
}

/* 标题链接 hover 效果 */
.card-header a:hover {
    color: #0066cc !important; /* 强制 hover 蓝色 */
    text-decoration: underline; /* 可选：添加下划线提示 */
}